{extend name="common/base" /}
<!--title-->
{block name="titlekeyword"}
<title>{$content}</title>

{/block}
<!--代码主要内容-->
{block name="main"}
<h6>内容</h6>
<img src="__ROOT__/static/index/img/2.jpg" id="myimg" style="width:500px;height:200px" />
<h6>代码</h6>
<pre>
		页面
		&lt;img src="__ROOT__/static/index/img/2.jpg" id="myimg" style="width:500px;height:200px"/&gt;
		
		js
		&lt;script language="javascript"&gt;
		
			var n = 5;
			var count = 0;
			function runChild() {
				count++;
				if (count == 4) {
					//<b>停止定时器 </b>
					clearInterval(myTimer);
				}
				//得到img对象
				var myimg = document.getElementById("myimg") //因为id是唯一的，所以可以这吗写。
				myimg.src = " __ROOT__/static/index/img/" + ((n++ % 3) + 1) + ".jpg"  //图片名用1-3表示 再拼接.jpg文件
			}
			var myTimer = setInterval("runChild()", 200);//是window对象，可以省略
		
		
		
		&lt;/script&gt;

	 </pre> {/block}
<!--底部js 在这里是js的实际代码区-->
{block name="footjs"}
<script language="javascript">

	var n = 5;
	var count = 0;
	function runChild() {
		count++;
		if (count == 4) {
			//停止定时器
			clearInterval(myTimer);
		}
		//得到img对象
		var myimg = document.getElementById("myimg") //因为id是唯一的，所以可以这吗写。
		myimg.src = " __ROOT__/static/index/img/" + ((n++ % 3) + 1) + ".jpg"  //图片名用1-3表示 再拼接.jpg文件
	}
	var myTimer = setInterval("runChild()", 200);//是window对象，可以省略



</script> {/block}